<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link th:href="@{../css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{../css/plugins/bootstrap-table/bootstrap-table.min.css}" rel="stylesheet">
    <link th:href="@{../css/font-awesome.css}" rel="stylesheet">
    <link th:href="@{../css/animate.css}" rel="stylesheet">
    <link th:href="@{../css/style.css}" rel="stylesheet">

    <style>
        .selected_search {
            -moz-appearance: none;
            outline: none;
            border:none;
        }
        .selected_search select{
            background: transparent;
            border:none;
            outline: none;
        }
    </style>
</head>
<body class="gray-bg ">
        <div class="row">
            <div class="col-sm-12">
                <div class="chat-view">
                    <div class="ibox-content">
                        <div class="row">
                            <div class="chat-discussion-no" name="chatDiv" id="chatDiv">
                                <input type="hidden" id="trackstate" name="trackstate" th:value="${trackstate}">
                                <input type="hidden" id="companyId" name="companyId" th:value="${companyId}">
                                <div class="chat-message" th:each="trackRecord:${trackRecords}">
                                    <!-- 打配合电话展示 -->
                                    <span th:if="${trackRecord.coordinationName != '' && trackRecord.coordinationName != null}">
                                        <img class="message-avatar" th:src="${trackRecord.coordinationImg}" th:alt="${trackRecord.coordinationName}" >
                                        <div class="message">
                                            <a class="message-author" th:text="${trackRecord.userName}"></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <span style="color:#cfb53b;" class="fa fa-phone"></span><a class="message-author" style="color:#cfb53b;" th:text="${trackRecord.coordinationName}"></a>
                                            <span class="message-date" th:text="${#dates.format(trackRecord.addTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                                            <span class="message-content" th:text="${trackRecord.content}"></span>
                                        </div>
                                    </span>
                                    <!-- 当前未为打配合电话展示 -->
                                    <span th:unless="${trackRecord.coordinationName != '' && trackRecord.coordinationName != null}">
                                        <img class="message-avatar" th:src="${trackRecord.userImg}" th:alt="${trackRecord.userName}" >
                                        <div class="message">
                                            <a class="message-author" th:text="${trackRecord.userName}"></a>
                                            <span class="message-date" th:text="${#dates.format(trackRecord.addTime,'yyyy-MM-dd HH:mm:ss')}"></span>
                                            <span class="message-content" th:text="${trackRecord.content}"></span>
                                        </div>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">
                                <div class="chat-message-form">
                                    <div class="ibox-title" style="border-top:1px solid #c2c2c2">
                                        <div class="col-sm-4">
                                            <input type="text" style="border: 0px;outline:none;cursor: pointer;" id="dcTime" placeholder="下次跟单日期">
                                        </div>
                                        <div class="col-sm-4">
                                            <input type="text" style="border: 0px;outline:none;cursor: pointer;" id="coordinationName" name="coordinationName" placeholder="协调人员昵称">
                                        </div>
                                        <div class="col-sm-4">
                                            <select id="speechTechnique" name="speechTechnique" class="selected_search"  onchange="speech()">
                                                <option value="">选择跟踪话术</option>
                                                <option th:each="speeche:${speeches}"  th:value="${speeche.speechContent}" th:text="${speeche.speechName}" />

                                                <!--<option value="客户想做PC官网">客户想做PC官网</option>-->
                                                <!--<option value="客户非常有钱">客户非常有钱</option>-->
                                                <!--<option value="【XXX】打的配合，等待客户回复消息">【XXX】打的配合...</option>-->
                                            </select>
                                        </div>

                                    </div>
                                    <div class="form-group">
                                        <textarea id="content" class="form-control message-input" name="message" style="border-bottom: 0px solid; border-left: 0px solid; border-right: 0px solid; border-top: 0px solid;width: 101%" placeholder="请填写跟踪日志信息，按回车键发送"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    <script th:src="@{../js/jquery.min.js}"></script>
    <script th:src="@{../js/bootstrap.min.js}"></script>
    <script th:src="@{../js/plugins/laydate/laydate.js}"></script>
    <script th:src="@{../js/trackingLog/trackingLog_view.js}"></script>
</body>
</html>
